<template>
  <ConfigProvider>
    <RouterView />
  </ConfigProvider>
</template>

<script lang="ts" setup>
import { ConfigProvider } from 'ant-design-vue';
</script>

<style lang="less">
// scroll-bar
body {
  margin: 0;
  overflow: overlay;
}
::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #808191;
  border-radius: 8px;
  background-clip: content-box;
  border: 2px solid transparent;
}
body[scroll]::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
  background-color: #808191;
}

#app {
  width: 100%;
  height: 100%;
}
.main-table {
  .ant-table {
    width: 100% !important;
  }
  .ant-table-wrapper {
    width: 100% !important;
  }
  .ant-table-thead {
    .ant-table-cell {
      font-size: 15px;
      color: @text-secondary;
      background-color: white;
    }
  }
  .ant-table-tbody {
    & tr td {
      border-right: none !important;
      padding: 10px !important;
      color: @gray;
    }
    & tr > td:nth-child(1) {
      font-weight: bold;
      color: @table-text;
    }
    & tr > td:nth-last-child(1) {
      border-right: 1px solid @table-border !important;
    }
  }
}
</style>
